<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>签到打卡</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <form action="/load" method="post" enctype="multipart/form-data">
        <p><input type="file" name="file" ><input type="submit"  value="导入数据"></p>
    </form>
    <form action="/signin" method="get" >
        <p><input type="text" name="name"class="form-control" style="width: 300px" ><input type="submit" class="btn btn-primary" value="签到"></p>
    </form>
    <div style="width: 600px ;border-right:1px solid black;float: left" >
        <h1>未签到名单：(未签到人数<span th:text="${state.nosum}"></span>)</h1>
        <div style="width: 300px" >
            <h3 th:each="noSignin:${state.noSignin}" th:text="${noSignin.name}" style="float: left;padding: 10px"></h3>
        </div>
    </div>
    <div style="width: 600px ;border:none;float: left;border-box:none" >
        <h1>已签到名单：已签到人数<span th:text="${state.insum}"></span></h1>
        <div style="width: 300px" >
            <h3 th:each="sigin:${state.sigin}" th:text="${sigin.name}" style="float: left;padding: 10px"></h3>
        </div>
    </div>


</body>
</html>